<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="renderer" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>聚衣商城</title>
  <link rel="stylesheet" href="../../lib/css/reset.min.css">
  <link rel="stylesheet" href="../../css/all.min.css">
</head>

<body>
  <div class="app-wrap" v-cloak id="invoice">
    <header-top></header-top>
    <user-top></user-top>
    <div class="bg-gray">
      <div class="container userCenter clear">
        <leftnav navtext="我的发票"></leftnav>
        <div class="save_content">
          <ul class="tabs cust_list_tabs">
            <li class="li-tab" v-for="(item,index) in invoice" @click="toggleTabs(index)" :class="{active:index!=nowIndex}">
              <span>{{item}}</span>
            </li>
          </ul>
          <div class="divTab shop_tabs" v-show="nowIndex===0">
            <div class="search-top">
              <input class="input_top" type="text" placeholder="商品名称或订单号">
              <button class="btn-search">订单搜索</button>
            </div>
            <div class="cust_list pingjia_list">
              <div class="cust_title">
                <ul class="clear">
                  <li>商品</li>
                  <li>商品价格</li>
                  <li>数量</li>
                  <li>发票类型</li>
                  <li>状态</li>
                  <li>操作</li>
                </ul>
              </div>
              <div class="cust_item pingjia_item">
                <div class="cust_item_title">
                  <span class="date"> 2017-12-09 12:09:09</span>
                  <span class="number">订单编号：56564646464</span>
                </div>
                <div class="invoice_item">
                  <ul class="clear">
                    <li>
                      <div class="goods_img">
                         <img src="https://dummyimage.com/80x80/79b0f2" alt="">
                      </div>
                      <div class="goods_name">
                        <p>棉麻外套2017秋装新款亚麻七分 宽松...</p>
                      </div>
                    </li>
                    <li class="price">$99</li>
                    <li class="number">1</li>
                    <li class="name">纸质发票</li>
                    <li class="price1">已开</li>
                    <li>
                      <div class="groups">
                        <a href="#">发票详情</a>
                        <!-- <a href="evaluate.html" class="btns"></a> -->
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="cust_item pingjia_item">
                <div class="cust_item_title">
                  <span class="date"> 2017-12-09 12:09:09</span>
                  <span class="number">订单编号：56564646464</span>
                </div>
                <div class="invoice_item">
                  <ul class="clear">
                    <li>
                      <div class="goods_img">
                        <img src="https://dummyimage.com/80x80/79b0f2" alt="">
                      </div>
                      <div class="goods_name">
                        <p>棉麻外套2017秋装新款亚麻七分 宽松...</p>
                      </div>
                    </li>
                    <li class="price">$99</li>
                    <li class="number">1</li>
                    <li class="name">纸质发票</li>
                    <li class="price1">已开</li>
                    <li>
                      <div class="groups">
                        <a href="#">发票详情</a>
                        <!-- <a href="evaluate.html" class="btns"></a> -->
                      </div>
                    </li>
                  </ul>
                </div>
              </div>
              <div class="cust_item pingjia_item">
                <div class="cust_item_title">
                  <span class="date"> 2017-12-09 12:09:09</span>
                  <span class="number">订单编号：20180808</span>
                </div>
                <div class="invoice_item">
                  <ul class="clear">
                    <li>
                      <div class="goods_img">
                        <img src="https://dummyimage.com/80x80/79b0f2" alt="">
                      </div>
                      <div class="goods_name">
                        <p>棉麻外套2017秋装新款亚麻七分 宽松...</p>
                      </div>
                    </li>
                    <li class="price">$99</li>
                    <li class="number">1</li>
                    <li class="name">纸质发票</li>
                    <li class="price1">已开</li>
                    <li>
                      <div class="groups">
                        <a href="#">发票详情</a>
                        <!-- <a href="evaluate.html" class="btns"></a> -->
                      </div>
                    </li>
                  </ul>
                  <ul class="clear">
                    <li>
                      <div class="goods_img">
                        <img src="https://dummyimage.com/80x80/79b0f2" alt="">
                      </div>
                      <div class="goods_name">
                        <p>棉麻外套2017秋装新款亚麻七分 宽松...</p>
                      </div>
                    </li>
                    <li class="price">$99</li>
                    <li class="number">1</li>
                  </ul>
                </div>
              </div>

            
         
            <!-- 分页 -->
            <!-- <common-page :current="1" :all="titalCount" @btn-click="listen"></common-page> -->
          </div>


        </div>
      </div>
    </div>
  </div>
  <script src="../../lib/js/vue.js"></script>
  <script src="../../lib/js/axios.min.js"></script>
  <!-- mock 数据 打包发布的时候记得移除 -->
  <script src="../../lib/js/mock.js"></script>
  <script src="../../js/all.min.js"></script>
  <script>
    invoice();
  </script>
</body>

</html>